<template>
	<view class="warp">
		<u-navbar
			title-color="#fff"
			back-icon-color="#fff"
			z-index="9999"
			:is-fixed="isFixed"
			:is-back="isBack"
			:background="background"
			:back-text-style="{ color: '#fff' }"
			:title="title"
			:custom-back="pageBack"
			:back-icon-name="backIconName"
		>
			<view class="navbar-right" slot="right">
				<view class="message-box right-item" @click="openPage('/pages/workbench/teamManage/supervise')">
					<u-icon name="plus" size="38" color="#fff" style="margin-right:30rpx;"></u-icon>
				</view>
			</view>
		</u-navbar>
		<view class="topSearch u-flex">
			<view class="dateTime">
				<text class="u-m-l-10">通报时间：</text>
				<input v-model="myDate" disabled="true" @click="timerShow = true" />
				<u-button style="margin-left:10rpx;" type="primary" size="mini">查询</u-button>
			</view>
		</view>
		
		<view class="list">
			<view class="item" @click="openPage('/pages/workbench/learning/activity/detail')">
				<view class="title">
					201宿舍整改通报
				</view>
				<view class="u-flex">
					<view class="u-flex-1 img">
						<viw class="title u-color-666">整改前</viw>
						<u-image mode="widthFix" src="https://cdn.uviewui.com/uview/swiper/1.jpg"></u-image>
						<viw class="u-font-xs u-color-999 u-text-right">2020-12-12</viw>
					</view>
					<view class="u-flex-1 img">
						<viw class="title u-color-666">整改后</viw>
						<u-image mode="widthFix" src="https://cdn.uviewui.com/uview/swiper/1.jpg"></u-image>
						<viw class="u-font-xs u-color-999 u-text-right">2020-12-18</viw>
					</view>
				</view>
				<view class="info u-text-right">
					<u-button class="u-m-l-20" type="primary" size="mini">去整改</u-button>
					<u-button class="u-m-l-20" type="warning" size="mini">审核</u-button>
				</view>
			</view>
			<view class="item" @click="openPage('/pages/workbench/learning/activity/detail')">
				<view class="title">
					205宿舍整改通报
				</view>
				<view class="u-flex">
					<view class="u-flex-1 img">
						<viw class="title u-color-666">整改前</viw>
						<u-image mode="widthFix" src="https://cdn.uviewui.com/uview/swiper/1.jpg"></u-image>
						<viw class="u-font-xs u-color-999 u-text-right">2020-12-12</viw>
					</view>
					<!-- <view class="u-flex-1 img">
						<viw class="title u-color-666">整改后</viw>
						<u-image mode="widthFix" src="https://cdn.uviewui.com/uview/swiper/1.jpg"></u-image>
						<viw class="u-font-xs u-color-999 u-text-right">2020-12-18</viw>
					</view> -->
				</view>
				<view class="info u-text-right">
					<u-button class="u-m-l-20" type="primary" size="mini">去整改</u-button>
					<u-button class="u-m-l-20" type="warning" size="mini">审核</u-button>
				</view>
			</view>
		</view>
		<u-picker mode="time" v-model="timerShow" :params="params" @confirm="timerConfirm"></u-picker>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: '督察通报',
				background: { backgroundColor: '#0251b6' },
				backIconName: 'nav-back',
				right: false,
				isBack: true,
				isFixed: true,
				name:'',
				myDate:'',
				timerShow:false,
				params: {
					year: true,
					month: true,
					day: true
				}
			};
		},
		methods:{
			//页面跳转
			openPage(url) {
				this.$u.route({
					url: url
				});
			},
			pageBack(){
				uni.navigateBack({
					delta:1
				})
				// javascript:history.back();
			},
			timerConfirm(){},
		}
	}
</script>

<style lang="scss" scoped>
.warp{
	height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));
	background-color: rgb(240, 242, 244);
}
.u-search{
	padding: 20rpx;
}
.topSearch {
	padding: 20rpx;
	
	.dateTime {
		line-height: 56rpx;
		font-size: 22rpx;
		text {
			float: left;
		}
		input {
			font-size: 22rpx;
			float: left;
			width: 180rpx;
			height: 56rpx;
			line-height: 56rpx;
			padding: 0 10rpx;
			background: #fff;
			border: 1px solid #d9d9d9;
			border-radius: 0.3em;
		}
	}
}
.list{
	padding:0 10rpx;
	.item{
		border-radius:0.3em;
		margin-bottom:20rpx;
		background: #ffff;
		padding:20rpx;
		
		.title{
			padding:0 10rpx;
			margin-bottom:10rpx;
		}
		.info{
			padding:20rpx 0 0;
		}
		.img{
			padding:10rpx;
			.title{
				display: block;
				padding:0 0 10rpx;
				margin:0;
				font-size:24rpx;
			}
		}
		.btnBox{
			border-top:1px solid #d9d9d9;
			padding-top:20rpx;
			button{
				margin-left:20rpx;
			}
		}
	}
	.c999{
		color:#999;
	}
	.c666{
		color:#666;
	}
}
</style>
